/***************common style***************/
*{
    margin:0;
    padding:0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.clear{
    clear: both;
}
/***************common style***************/
/***************header style***************/
header{
    width:80%;
    height: 100px;
    background-image: url("../../images/head.png");
    margin:0 auto;
}
.class span{
    font-size:28px;
}
/***************header style**************/
/***************main style***************/
main{
    width:80%;
    height:1000px;
    background: white;
    margin:0 auto;
}
/***************main_t style***************/
.main_t{
    width:100%;
    height:60px;
    background:white;
}
/***************main_t style***************/
/***************main_m style***************/
.main_m{
    width:100%;
    height:60px;
    background:#e4e9df;
}
.main_m nav{
    width:80%;
    height:60px;
    /*background:white;*/
    margin:0 auto;
}
.main_m nav li{
    width:12%;
    height:60px;
    background:#e4e9df;
    /*margin-right:1%;*/
    float:left;
    text-align:center;
    line-height:60px;
}
.main_m nav li a{
    color:black;
    font-size:20px;
}
.main_m nav li:hover a{
    color:white;
}
.main_m nav li:nth-child(1) a{
    color:white;
}
.main_m nav li:nth-child(1){
    background:orange;
}
/***************main_m style***************/
/***************main_b style***************/
.main_b{
    width:100%;
    height:900px;
    background:#fffbf4;
}
.main_b_l{
    width:19%;
    height:890px;
    padding-top:10px;
    float:left;
}
.main_b_l li{
    width:100%;
    height:50px;
    background:white;
    margin-bottom:5px;
    text-align:center;
    line-height:50px;
}
.main_b_l li a{
    color:black;
}
.main_b_r{
    width:80%;
    height:870px;
    float:right;
}
.main_b_r .task{
    width:78%;
    height:860px;
    float:left;
    padding-top:10px;
}
.task1{
    width: 92%;
    margin-left:3%;
    float: left;
    padding: 1%;
    background: #eaeaea;
    margin-bottom:10px;
}
.task1:hover{
    box-shadow: 0 0 5px #2b2b2b;
}
.text{
    width: 93%;
    height: 50px;
    overflow: hidden;
    margin-left: 3%;
    margin-top: 1%;
    padding: 1%;
}
.span1{
    margin-top: 0.5%;
    float: left;
}
.span2{
    margin-top: 0.5%;
    float: right;
}
.main_b_r .button{
    width:22%;
    height:60px;
    float:left;
    background: #59fff0;
    margin-top:10px;
    text-align:center;
    line-height:60px;
    position:relative;
}
.main_b_r .button p{
    font-size:24px;
}

/***************main_b style***************/
/***************footer style***************/
footer{
    width:100%;
    height:126px;
    background-image: url("../../images/bottom.png");
    margin:0 auto;
}
/***************footer style***************/